<!doctype html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" xmlns:s="http://www.w3.org/1999/html">

	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>书写</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<link rel="stylesheet" type="text/css" th:href="@{/chat/css/bootstrap.min.css}">
		<link rel="stylesheet" type="text/css" th:href="@{/chat/css/nprogress.css}">
		<link rel="stylesheet" type="text/css" th:href="@{/chat/css/style.css}">
		<link rel="stylesheet" type="text/css" th:href="@{/chat/css/font-awesome.min.css}">
		<link rel="apple-touch-icon-precomposed" th:href="@{/chat/images/icon.png}">
		<link rel="shortcut icon" th:href="@{/chat/images/favicon.ico}">
		<script th:src="@{/chat/js/jquery-2.1.4.min.js}"></script>
		<script th:src="@{/chat/js/nprogress.js}"></script>
		<script th:src="@{/chat/js/jquery.lazyload.min.js}"></script>
		 <style type="text/css">
        .pang1{
            border: 1px solid #ccc;
        }
        .pang2{
            border: 1px solid #ccc;
            height: 400px;
        }
    </style>
		<!--[if gte IE 9]>
		<script th:src="@{/chat/js/jquery-1.11.1.min.js}" type="text/javascript"></script>
		<script th:src="@{/chat/js/html5shiv.min.js}" type="text/javascript"></script>
		<script th:src="@{/chat/js/respond.min.js}" type="text/javascript"></script>
		<script th:src="@{/chat/js/selectivizr-min.js}" type="text/javascript"></script>
<![endif]-->
		<!--[if lt IE 9]>
<script>window.location.href='upgrade-browser.html';</script>
<![endif]-->
	</head>

	<body class="user-select single">
	<header class="header">
		<nav class="navbar navbar-default" id="navbar">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar" aria-expanded="false"> <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
					<h1 class="logo hvr-bounce-in"><a href="#" title="木庄网络博客"><img th:src="@{/chat/images/201610171329086541.png}" alt="木庄网络博客"></a></h1>
				</div>
				<div class="collapse navbar-collapse" id="header-navbar">
					<form class="navbar-form visible-xs" action="/Search" method="post">
						<div class="input-group">
							<input type="text" name="keyword" class="form-control" placeholder="请输入关键字" maxlength="20" autocomplete="off">
							<span class="input-group-btn">
		<button class="btn btn-default btn-search" name="search" type="submit">搜索</button>
		</span> </div >
					</form>
					<ul class="nav navbar-nav navbar-right">
						<li>
							<a data-cont="首页" title="首页" th:href="@{/chathome}">首页</a>
						</li>
						<li>
							<a data-cont="全部chat" title="全部chat" th:href="@{/list}">全部chat</a>
						</li>
						<li>
							<a data-cont="我要发布" title="我要发布" th:href="@{/createchat}">我要发布</a>
						</li>
						<li>
							<a data-cont="我要写作" title="我要写作" th:href="@{/chatlist}">我要写作</a>
						</li>
						<li>
							<a data-cont="我的订购" title="我的订购" th:href="@{/chatreservelist}">我的订购</a>
						</li>
						<li>
							<a data-cont="我的交流" title="我的交流" th:href="@{/chateassylist}">我的交流</a>
						</li>
						<li>
							<a href="javascript:;">小明</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
	</header>
	<div width="100%">
		<section style="width: 100%" class="container">
			<div style="width: 100%" class="content-wrap">
				<div style="width: 100%" class="content">
					<form id="wang" action="#" th:action="@{/saveblog}" method="post">
					<header class="article-header">
						<h1 class="article-title"><a href="#" title="用DTcms做一个独立博客网站（响应式模板）" >用DTcms做一个独立博客网站（响应式模板）</a></h1>
					</header>
					<input type="text" name="essayname" class="form-control" placeholder="文档名" maxlength="20" autocomplete="off" value="kai">
					<div style="padding: 5px 0; color: #ccc"></div>
					<div id="editor1" class="pang1">
					</div>
					<div id="editor2" class="pang2" style="min-height: 950px;">
						<p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>
					</div>
						<input type="hidden" th:name="chatid" th:value="${chatid}">
						<input type="hidden" th:name="userid" th:value="${userid}">
					<input type="hidden" id="text1" name="essaycontent" value="pang" />
					<div style="text-align:center;margin:20px;"><button id="web_post_activity_form" style="width:250px;font-size:16px;" class="btn btn-primary" onclick="getContent()">发 布</button></div>
					</form>
				</div>
			</div>
		</section>
	</div>
	<footer class="footer">
		<div class="container">
			<p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> </p>
		</div>
		<div id="gotop"><a class="gotop"></a></div>
	</footer>
	<script src="chat/js/bootstrap.min.js"></script>
	<script src="chat/js/jquery.ias.js"></script>
	<script src="chat/js/scripts.js"></script>
		<script type="text/javascript" src="chat/js/wangEditor.min.js"></script>
		<script type="text/javascript">
			var E = window.wangEditor
			var editor = new E('#editor1','#editor2')
			editor.customConfig.uploadImgShowBase64 = true
			editor.create()
			function getContent() {
				var text = editor.txt.html();
				document.getElementById("text1").value = text;
			}
		</script>
	</body>

</html>